import React, { useState } from 'react'
import "./Toheader.css"
export default function Toheader(props) {
  let [title, settitle] = useState([])
  let { addtitle } = props
  // // 获取数据
  // let getvalue = (e) => {
  //   settitle(e.target.value)
  //   // console.log(title);
  // }
  // // 键盘按下事件
  // let keyup = (e) => {
  //   if (e.keyCode === 13) {
  //     if (title.length === 0) {
  //       alert("nitamade 要请输入内容")
  //     } else {
  //       addtitle(title)
  //       settitle("")
  //     }

  //   }


  // }
  // 键盘按下事件
  let keyup = (e) => {
    if (e.keyCode === 13) {
      console.log(e.target.value);
      addtitle(e.target.value)
      e.target.value = ""
    }
  }

  return (
    <div className="todo-header">
      <input type="text" onKeyUp={keyup} placeholder="请输入你的任务名称，按回车键确认" />
    </div>
  )
}
